﻿.w100{width:100%;margin:0 auto;}
.page-group{display: block;}
.mobile-box{width:100%;max-width: 500px;height:auto;position: relative;margin:0 auto;}
html{-webkit-text-size-adjust: 100%;font-size:12px;display: block;height:100%;}
body{position: absolute;top:0;left:0;right:0;bottom:0;height:100%;}
.w90{margin:auto;width:90%;}
img{max-width:100%;height:auto;display: block;vertical-align: top;}
.wpx{width:94.7%;}
.w92{width:92%;height: auto;overflow: auto;overflow: hidden;margin:0 auto;}

/*清除浮动代码*/
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}

/*侧边栏*/
.broadside{width:70%;z-index: 8888;position: fixed;height:100%;right:-70%;}
.broadside .right-side{background:#FFFFFF;opacity: 0.9;height:100%;width:30%;}
.broadside .left-side{position: absolute;width:70%;height:100%;background: #4A4A4A;}
.tc-img{width:26.3%;margin-top: 9.2%;margin-left: 5.4%;}
.broadside a{display: block;border-bottom:solid 1px #FFFFFF;font-size: .34rem;color:#FFFFFF;text-align: center;padding:5.7% 0;}
.broadside a:first-child{border-top:solid 1px #FFFFFF;}

/*------主页------*/
.bar{max-width: 500px;background:rgba(240,119,96,1);position:fixed;left:0;right:0;margin:auto;height:.88rem;z-index:3000;}
.bar-nav{top:0;}
.bar .navBar{height:100%;padding:0 .4rem;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.bar .navBar .navLeft img{width:2.85rem;height:.5rem;}
.bar .navBar .navRight img{width:.48rem;height:.48rem;}

/*横幅*/
.banner{margin-top: .88rem;}
.banner img{width:100%;}

/*设备*/
.option{margin:.3rem .25rem 0;display: flex;display: -webkit-flex;justify-content: space-between;}
.option .optionItem{width:2.13rem;height:2.64rem;border-radius:4px;border:1px solid rgba(240,119,96,1);max-width: 145px;}
.option .optionItem .optionImg{margin:.5rem auto;}
.option .optionItem .optionImg:first-of-type{width:1rem;height:.84rem;}
.option .optionItem .optionImg:nth-of-type(2){width:.7rem;height:.82rem;}
.option .optionItem .optionImg:last-of-type{width:.6rem;height:.91rem;}
.option .optionItem .optionImg img{width:100%;height:100%;}
.option .optionItem p{margin:0 .2rem;font-size:.28rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(240,119,96,1);letter-spacing:1px;padding-top: .1rem;border-top:solid 1px rgba(240,119,96,1);text-align: center;}

/*成功案例*/
.cases{margin-top: .5rem;}
.bt{text-align: center;font-size:.34rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(51,51,51,1);letter-spacing:2px;margin-bottom: .2rem;}
.cases .cases-box{margin:0 .25rem;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.cases .cases-box div{margin-bottom:.2rem;max-width:224px; }
.cases .cases-box div img{width:3.4rem;height:3.4rem;}
.ckgd{display: block;width:2.69rem;height:.6rem;text-align: center;line-height: .6rem;border-radius:4px;border:1px solid rgba(240,119,96,1);font-size:.26rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(240,119,96,1);letter-spacing:1px;margin:.2rem auto 0;}

/*新闻中心*/
.news{margin-top: .5rem;margin-bottom: 4rem;}
.news-box{margin:0 .25rem;}
.news-item a{display: flex;display: -webkit-flex;align-items: center;padding: .2rem 0;border-bottom:1px solid rgba(151,151,151,1);}
.news-item:last-of-type>a{border:none;}
.news-item .newsImg{width:1.2rem;height:1.2rem;margin-right: .2rem;}
.news-item .newsImg img{width:100%;height:100%;}
.news-item dl{width:5.6rem;}
.news-item dl dt{font-size:.3rem;font-family:PingFangSC-Medium;font-weight:500;color:rgba(74,74,74,1);letter-spacing:1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-item dl dd{font-size:.26rem;font-family:PingFangSC-Medium;font-weight:400;color:rgba(155,155,155,1);letter-spacing:1px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;}

/*底部*/
.bar-tab{bottom: 0;}
footer{height:.94rem;background:rgba(255,255,255,1);display: block;}
footer a{width:100%;height:100%;font-size: .36rem;color:rgba(255,255,255,1);letter-spacing:2px;font-weight:400;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
footer a>img{width:.4rem;height:.4rem;margin-right: .08rem;}
/*分页*/
.page-desgin{height:40px;margin-bottom: 60px;text-align: center;margin-top: 60px;}
.page-desgin ul{display: inline-block;width:532px;}
.page-desgin a{width:38px;height:38px;color: #FFFFFF;display: block;}
.page-desgin ul li{float:left;display: inline;line-height: 38px;transition: background-color .3s;text-align: center;border: 1px solid #979797; border-radius: 4px; font-size: 18px;letter-spacing: 0.82px;margin-left:10px;cursor: pointer;}
.page-desgin ul li:hover{background: #ddd;border:1px solid #ddd;}
.page-desgin ul li:hover a{color:#979797;}
.page-desgin ul li:first-child,.page-desgin ul li:last-child{margin-left:0;}
.page-desgin ul li:nth-child(2),.page-desgin ul li:nth-child(7){margin-left:20px;}
.page-desgin .page-p{width:124px!important;height:38px!important;}


/*产品中心*/
.cases .cases-box div:nth-of-type(5){width:3.4rem;height:3.4rem;background: url(../images/cases5.png) no-repeat;background-size:cover;}
.cases .cases-box div:nth-of-type(6){width:3.4rem;height:3.4rem;background: url(../images/cases6.png) no-repeat;background-size:cover;}
.cases .cases-box div:nth-of-type(7){width:3.4rem;height:3.4rem;background: url(../images/cases7.png) no-repeat;background-size:cover;}
.cases .cases-box div:nth-of-type(8){width:3.4rem;height:3.4rem;background: url(../images/cases8.png) no-repeat;background-size:cover;}
.cases .cases-box div:nth-of-type(9){width:3.4rem;height:3.4rem;background: url(../images/cases9.png) no-repeat;background-size:cover;}
.cases .cases-box div:nth-of-type(10){width:3.4rem;height:3.4rem;background: url(../images/cases10.png) no-repeat;background-size:cover;}

/*案例中心*/
.product .product-box{margin:0 .25rem;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.product .product-box .productItem{margin-bottom: .2rem;max-width:224px;}
.product .product-box .productItem .productImg{max-width: 224px;}
.product .product-box .productItem{width:3.4rem;background: #FFFFFF;box-shadow:2px 2px 4px 2px rgba(218,216,217,1);}
.product .product-box .productItem a{display: block;}
.product .product-box .productItem:first-of-type .productImg{width:3.4rem;height:3.4rem;background: url(../images/cases1.png) no-repeat;background-size:cover;}
.product .product-box .productItem:nth-of-type(2) .productImg{width:3.4rem;height:3.4rem;background: url(../images/cases2.png) no-repeat;background-size:cover;}
.product .product-box .productItem:nth-of-type(3) .productImg{width:3.4rem;height:3.4rem;background: url(../images/cases3.png) no-repeat;background-size:cover;}
.product .product-box .productItem:nth-of-type(4) .productImg{width:3.4rem;height:3.4rem;background: url(../images/cases4.png) no-repeat;background-size:cover;}
.product .product-box .productItem:nth-of-type(5) .productImg{width:3.4rem;height:3.4rem;background: url(../images/cases5.png) no-repeat;background-size:cover;}
.product .product-box .productItem:nth-of-type(6) .productImg{width:3.4rem;height:3.4rem;background: url(../images/cases6.png) no-repeat;background-size:cover;}
.product .product-box .productItem:nth-of-type(7) .productImg{width:3.4rem;height:3.4rem;background: url(../images/cases7.png) no-repeat;background-size:cover;}
.product .product-box .productItem:nth-of-type(8) .productImg{width:3.4rem;height:3.4rem;background: url(../images/cases8.png) no-repeat;background-size:cover;}
.product .product-box .productItem dl{margin:.12rem .14rem;box-sizing: border-box;}
.product .product-box .productItem dl dt{font-size:.3rem;font-weight:400;color:rgba(74,74,74,1);letter-spacing:2px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.product .product-box .productItem dl dd{font-size:.2rem;font-weight:400;color:rgba(155,155,155,1);letter-spacing:1px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}

/*案例详情*/
.cases-details .cases-details-box{margin:0 .25rem;}
.cases-details .cases-details-box h5{text-align: center;font-size:.3rem;font-weight:500;color:rgba(51,51,51,1);letter-spacing:2px;}
.cases-details .cases-details-box .cases-details-img{text-align: center;}
.cases-details .cases-details-box .cases-details-img img{max-width: 100%;display: inline-block;}
.cases-details .cases-details-box p{font-size:.26rem;font-weight:400;color:rgba(74,74,74,1);letter-spacing:2px;margin-top: .2rem;line-height: 1.5;margin-bottom: .2rem;}
.lanren{width:100%;}
ul.list{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
ul.list li{margin-bottom: .3rem;width:3rem;text-align: center;}
ul.list li img{display: inline-block;}
.more p{font-size: .32rem;color:#4a4a4a;width:100%;text-align: center;margin-top: .5rem;}
.list{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}